import React, { Component } from 'react'
import {Row, Col,Input,Button } from 'antd';
import './loginForm.scss'

export default class loginForm extends Component {
    state = {
        size:'large'
    }
    register(){
        alert(66666)
    }
    render() {
        const { size } = this.state
        return (
            <div id="login">
                <div className="main">
                    <Row gutter={[16, 16]}>
                        <Col span={12}>
                           <label>账号:</label><Input size="large" placeholder="请输入账号" />
                        </Col>
                        <Col span={12}>
                        <label>密码:</label><Input size="large" type="Password" placeholder="请输入密码" />
                        </Col>
                        <Col span={12}>
                            <Button type="primary" size={size} onClick={this.register}>
                                登录
                            </Button>
                        </Col>
                    </Row>
                </div>
            </div>
        )
    }
}